/* 指定编码集为utf-8 通配选择器页面元素统一
                    文本设定16px，字体家族：微软雅黑
					超链接、列表样式去掉，盒子模型：元素默认存在外边框
给父元素添加效果：宽高500*200 边框1px
给所有的子元素添加效果，宽高100*100 背景色 字体大小自定
                                         垂直居中，所有子元素左浮动
										 每一个子元素必须颜色不同。
*/  
@charset "utf8";
*{font-family: 16px "微软雅黑";
  text-decoration: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  coolor:#333;
  }
#father{
	/* 浮动卡住：第一步，父元素宽度 498px */
	  width: 500px;
	  height: 200px;/*塌陷解决发案1：加高
	  2.加溢出，子浮动元素算溢出*/
	  overflow: hidden;
	  border: 10px solid red;
	  }
  div.d1,div.d2,div.d3,div.d4,div.d5{/* 选择器权值不够，如果不够,给一个选择器添加效果；
  协同给几个元素添加效果*/
	  width: 100px;
	  height: 100px;
	  background-color: #ffff00;
	  float:left;/* 浮动产生问题 */
	  font-size: 2em;
	  text-align: center;
	  line-height: 100px; 
  }
  div#father div.d1{
	  background-color: antiquewhite;
	  width: 100px;
	  height: 130px;
  }
  div#father div.d2{
  	  background-color: aqua;
  }
  div#father div.d3{
  	  background-color: beige;
  }
  div#father div.d4{
  	  background-color: blue;
  }
  div#father div.d5{
  	  background-color: red;
	  clear:both
  }